<template>
  <view class="wrap">
    <view class="content" v-html="content">
    </view>
  </view>
</template>

<script>
import {
  get_contact
} from '@/api/api'

export default {
  data() {
    return {
      content: ''
    };
  },
  onLoad() {
    uni.showLoading({
      title: '获取中'
    })
    get_contact().then((res) => {
      this.content = res.data
      uni.hideLoading();
    }).catch((e) => {
      uni.hideLoading();
      uni.$u.toast(typeof e === 'string' ? e : '请检查网络连接');
    })
  },

  methods: {
  }
}
</script>

<style lang="scss">
.wrap {
  padding-top: 30rpx;
  width: 750rpx;
  overflow: hidden;
  .content {
    padding: 0 30rpx;
    font-size: 28rpx;
    text-align: left;
    color: #4d4d4d;
    line-height: 40rpx;
  }
  .base_box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 750rpx;
    height: 120rpx;
    background: #ffffff;
    box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(0, 35, 70, 0.08);
    display: flex;
    align-items: center;
    padding: 0 30rpx;
    .tips_box {
      .tips_left {
        display: flex;
        align-items: center;
        .tips_left_icon {
          width: 24rpx;
          height: 24rpx;
          font-size: 0;
          image {
            width: 100%;
            height: 100%;
          }
        }
        .tips_left_text {
          margin-left: 15rpx;
          font-size: 24rpx;
          color: #737373;
          text {
            margin: 0 6rpx;
            color: #df2433;
          }
        }
      }
    }
  }
}

.input-box {
  width: 660rpx;
  line-height: 128rpx;
  border-radius: 20rpx;
  background-color: white;
  padding: 0 30rpx;
  overflow: hidden;
  margin: 30rpx auto;
  color: #434242;
  font-size: 30rpx;
  font-weight: 400;
  position: relative;
  z-index: 1;
  .name {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    image {
      width: 38rpx;
      height: 38rpx;
      display: inline-block;
      vertical-align: top;
      margin: 45rpx 15rpx 0 0;
    }
  }
  .value {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    image {
      width: 16rpx;
      height: 30rpx;
      display: inline-block;
      vertical-align: top;
      margin: 50rpx 0 0 0;
    }
  }
}
</style>
